<template>
  <el-row :gutter="20" justify="center">
    <el-col :span="6">
      <div class="grid-content bg-purple">
      <h2>欢迎来到vueAdmin</h2>
        <el-image :src="require('@/assets/MarkerHub.jpg')"></el-image>
        <p>公众号</p>
        <p>扫描二维码</p>
    </div>
    </el-col>
    <el-col :span="1"><div class="grid-content bg-purple">
      <el-divider direction="vertical"></el-divider>
    </div></el-col>
    <el-col :span="6"><div class="grid-content bg-purple">

      <el-form
          ref="formRef"
          :model="dynamicValidateForm"
          label-width="120px"
          class="demo-dynamic"
      >
        <el-form-item
            prop="email"
            label="Email"
            :rules="[
        {
          required: true,
          message: 'Please input email address',
          trigger: 'blur',
        },
        {
          type: 'email',
          message: 'Please input correct email address',
          trigger: ['blur', 'change'],
        },
      ]"
        >
          <el-input v-model="dynamicValidateForm.email"></el-input>
        </el-form-item>
        <el-form-item
            v-for="(domain, index) in dynamicValidateForm.domains"
            :key="domain.key"
            :label="'Domain' + index"
            :prop="'domains.' + index + '.value'"
            :rules="{
        required: true,
        message: 'domain can not be null',
        trigger: 'blur',
      }"
        >
          <el-input v-model="domain.value"></el-input>
          <el-button class="mt-2" @click.prevent="removeDomain(domain)"
          >Delete</el-button
          >
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="submitForm(formRef)">Submit</el-button>
          <el-button @click="addDomain">New domain</el-button>
          <el-button @click="resetForm(formRef)">Reset</el-button>
        </el-form-item>
      </el-form>

    </div></el-col>
  </el-row>
</template>

<script>
export default {
  name: "Login",
  data:{
    return {}
  }
}
</script>

<style scoped>

</style>